<template>
  <div id="app">
    <!-- <Header001></Header001> -->
       <!-- <Test></Test> -->
    <!-- <img src="./assets/logo.png"> -->
 
    <!-- <FooterNav></FooterNav> -->
    <!-- <router-view></router-view> -->
    <shoplist></shoplist>

    <!-- <footer><FooterNav></FooterNav></footer> -->
  </div>
</template>

<script>
import Vue from 'vue'
import FooterNav from '@/components/common/FooterNav'
import Header001 from '@/components/common/Header'
import List001 from '@/components/common/List'
import shoplist from '@/components/pages/shoplist'
// import ElementUI from 'element-ui'
// import 'element-ui/lib/theme-chalk/index.css'
import Test from './components/test.vue'
// Vue.use(ElementUI, {
//   size: 'medium'
// })

export default {
      components:{
  Test,FooterNav,Header001,List001,shoplist
 },
  name: 'app',
  methods:{
    setCookie: function(c_name,value,expire) {
        var date=new Date()
        date.setSeconds(date.getSeconds()+expire)
        document.cookie=c_name+ "="+escape(value)+"; expires="+date.toGMTString()
        console.log(document.cookie)
      },
      getCookie: function(c_name){
        if (document.cookie.length>0){
          let c_start=document.cookie.indexOf(c_name + "=")
          if (c_start!=-1){ 
              c_start=c_start + c_name.length+1 
              let c_end=document.cookie.indexOf(";",c_start)
              if (c_end==-1) c_end=document.cookie.length
              return unescape(document.cookie.substring(c_start,c_end))
          } 
        }
        return ""
      }
  }

}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
 
}
</style>
